


<style>
#push_select{
  width:200px;
}
#push_select .dicon{
     background-color: rgba(195, 190, 190, 0.74);
     border-radius: 5px;
     float:left;
}
 #push_select .desc{
	 height:30px;
	 line-height:30px;
	 display: block;
    margin-left: 5px;
    float: left;
 }  
  #select_area .ditem{
      height:40px;
      padding:5px;
      border-radius:5px;
      border:1px solid rgba(255,255,255,0.5);
      margin-top:5px;
      cursor:pointer;
  }  
   #select_area .ditem.select{
      background-color: rgba(0,0,0,0.3)
   }
   
    .picmode .ap_video {
            display:none;
     }
   .picmode  .ap_real,.videomode .ap_warn ,.videomode .ap_light{
        display:block;  
     }
     .videomode .ap_video {
            display:block;
     }
    .videomode  .ap_real,.videomode .ap_warn ,.videomode .ap_light{
        display:none;  
     }
   .inputDlg{
    height:auto;
   }
</style>
 
<script type="text/javascript">
 
$(function(){ 
    var pfun=function(){}
	function close(){
	 
       $("#push_select").slideUp() 
       pfun("cancel");
    }
	
 
     
     $("#push_select #btn_cancel").on("click",function(){ close(); })

     $("#push_select #btn_ok").on("click",function(){ 
    	 
       var tar=	$("#select_area .ditem.select");
       
       if(tar.length<0){
    	   
       }else{
    	   
			pfun(tar.attr("opt"));
	        close();
       }
		
	 });
     $("#select_area .ditem").on("click",function(){
    	$(this).addClass("select"); 
    	$(this).siblings().removeClass("select");
     });
     
      $.pushDlg=$('#push_select');
      $.pushDlg.show=function(fun){
    	      $(this).css("left",($("body").width()-$(this).width())/2);
    	      pfun=fun;  
			  $(this).css("background",$("html").css("background")).slideDown();
			 	  
      }
      
     
})

 
</script>


<div id="push_select" class="inputDlg  colorable">
	<div class="title" style="">
		<span>选中需要推送的应用</span>
	</div>
	<div  id="upfileForm" class="content" target="nm_iframe" method="post"  action="${s.base}/file/dupload"  enctype="multipart/form-data"  >
		<div id="select_area" class="content_area">
		  <ul>
		      <li class="ditem ap_real" opt="real"> <img  class="dicon" src="${s.base}/res/images/appicon/real.png" height=40 width=40 ><span class='desc'>实时图片</span></li>
			  <li class="ditem ap_light" opt="light"> <img class="dicon" src="${s.base}/res/images/appicon/light.png" height=40 width=40 ><span class='desc'>夜视图片</span></li>
			  <li class="ditem ap_warn" opt="warn"> <img class="dicon" src="${s.base}/res/images/appicon/warn.png" height=40 width=40 ><span class='desc'>告警图片</span></li>
			  <li class="ditem ap_video" opt="video" > <img class="dicon" src="${s.base}/res/images/appicon/video.png" height=40 width=40 ><span class='desc'>微型视频</span></li>
		  </ul>
		</div>
		
		<div class="btnarea">
			<input  id="btn_ok" class="btn" style="float: left;*padding: 0 15px; *height: 24px;" type="submit" value="提交"></input > <a
				id="btn_cancel" class="btn" style="float: right;">取消</a>
		</div>
		
	</div>
 
</div>